/*默认样式部分*/
*{padding: 0;margin: 0;border: 0;}
*:not(input,textarea) {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
body{-webkit-tap-highlight-color: rgba(0,0,0,0);}
img{display: block;width: 100%;}
ul{list-style: none;}
a {text-decoration: none;}
input,textarea{outline: none;}
.clearfix:before,
.clearfix:after {clear: both;content: '.';display: block;height: 0;visibility: hidden;font-size:0;}
.clearfix {*zoom: 1;}
.hidden{display: none !important;}
.button{cursor: pointer;}
.bg-img-full{background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
.grayscale{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.flex{display: -webkit-box;display: -webkit-flex;display: flex;}
.flex-x-center{-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;}
.flex-y-center{-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-1{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
body .layui-m-layer .layui-m-layer-msg{bottom: 0 !important;}


/* 页面配置 */
html{font-size: -webkit-calc(100vw/750*100);font-size: calc(100vw/750*100);}
@media screen and (min-width: 750px){html{    font-size: 100px;}}
html,body{/* height: 100%; */}
.page{max-width: 750px;margin: 0 auto;position: relative;font-family: 微软雅黑,Helvetica;font-size: 16px;color: #222;height: 100%;overflow-x: hidden;}
/*.page>*{background-color: #fff;}*/
.page.have-top-bar{padding-top: .9rem;box-sizing: border-box;}

/*积分页面*/
.page-integral{width: 100%;}
.page-integral .banner{width: 100%;height: 2.75rem;background: url("../img/indexBanner.png") no-repeat left top;background-size:100% 100%;text-align: center;}
.page-integral .banner .integral{font-size: .26rem;color: #ffffff;padding-top: .65rem;line-height: 1.5rem;}
.page-integral .banner .integral .num{font-size: .6rem;vertical-align: bottom;padding-left: .2rem;}
.page-integral .list{padding-bottom:.49rem;border-bottom: .3rem solid #EFEFF3;}
.page-integral .list .title{padding-left: .38rem;font-size: .32rem;line-height: .78rem;color: #666666;}
.page-integral .list ul{width: 7.3rem;margin-left:0.1rem;}
.page-integral .list ul li{position:relative;float:left;width: 3.65rem;height: 1.59rem;background: url("../img/bg.png") no-repeat left top;background-size: 100% 100%;}
.page-integral .list ul li p{padding-left: .8rem;}
.page-integral .list ul li p.gold{font-size: .36rem;line-height: .7rem;color: #ffffff;margin-top: 0.06rem;}
.page-integral .list ul li p.hasIntegral{padding-left: .85rem;font-size: .24rem;line-height: .59rem;color: #ffffff;}
.page-integral .list ul li p.button{position: absolute;top: 0.3rem;right: 0.53rem;width: .29rem;font-size: .3rem;color: #1CCE57;}
.page-integral .itemsList{width: 100%;}
.page-integral .itemsList ul{width: 100%;box-sizing: border-box;}
.page-integral .itemsList ul li{position:relative;width: 100%;height: 1rem;border-bottom: 1px solid #EFEFF3;line-height: 1rem;vertical-align: middle;}
.page-integral .itemsList ul li img{width: .32rem;display: inline-block;margin: 0 .19rem 0.05rem .3rem;vertical-align: middle;}
.page-integral .itemsList ul li .go{position: absolute;top: 0.38rem;right: 0.30rem;width:.14rem;height:.24rem;background:url("../img/rightGo.png") no-repeat left top;background-size:100% 100%; }

/*商品详情*/
.page-shop-detail .banner{  width: 100%;  height: 3.4rem;  background-color: #eee;  background-position: center .4rem,center;  background-size: 5.78rem 1rem,cover;  background-repeat: no-repeat,no-repeat;  }
.page-shop-detail > .info{  font-size: .26rem;  }
.page-shop-detail .head .title{  font-size: .26rem;  color: #333;  }
.page-shop-detail .head .info{  font-size: .26rem;  color: #666;  }
.page-shop-detail .head .price{  font-size: .4rem;  color:#0FCE4F;  }
.page-shop-detail .goods-des .title,.page-shop-detail .change-des .title{  font-size: .24rem;  color: #999;  background-color: #efeff3;  line-height: .5rem;  }
.page-shop-detail .head .title,.page-shop-detail .goods-des .title,.page-shop-detail .change-des .title
,.page-shop-detail .head .info,.page-shop-detail .goods-des .info,.page-shop-detail .change-des .info{  padding-left: .3rem;  padding-right: .3rem;  }
.page-shop-detail .head,.page-shop-detail .goods-des .info,.page-shop-detail .change-des .info{  font-size: .26rem;  color: #666;  line-height: 1.5;  padding-top: .2rem;  padding-bottom: .2rem;  }
.buy{  position: fixed;  bottom: 0;  width: 100%;  padding: .1rem 0;  background-color:#1CCE57;  color: #fff;  text-align: center;  }
.buy .u{  font-size: .4rem;  line-height: .5rem;  }
.buy .d{  font-size: .2rem;  line-height: .3rem;  }

/*签到*/
.disabled { pointer-events: none; }
.page-sign{position:relative;width: 100%; background: url("../img/signBg.png") no-repeat left top;background-size:cover;}
.notice{  position: fixed;  top: 0;  left: 0;  right: 0;  height: .5rem;  line-height: .5rem;  background-color: rgba(0,0,0,.2);  color: #fff;  font-size: .22rem;  overflow: hidden;  z-index: 1;  max-width: 750px;  margin: 0 auto;  text-align: center;  }
.notice li{
    list-style: none;
    height: .5rem;
    line-height: .5rem;
}
.notice.runing ul{
    -webkit-animation: notice-animation .5s 3s ease-in-out;
    animation: notice-animation .5s 3s ease-in-out;
}
@-webkit-keyframes notice-animation{
    0%{-webkit-transform: translateY(0rem);transform: translateY(0rem);}
    100%{-webkit-transform: translateY(-.5rem);transform: translateY(-.5rem);}
}
@keyframes notice-animation{
    0%{transform: translateY(0rem);transform: translateY(0rem);}
    100%{transform: translateY(-.5rem);transform: translateY(-.5rem);}
}
.page-sign .rule{margin-top: .5rem;  background-color: #ffffff;  font-size: .24rem;  width: 1.25rem;  height: .5rem;  line-height: .5rem;  border-radius: 0 .25rem .25rem 0;  z-index: 3;  color: #FE653F;  text-align: center;  }
.page-sign .card{width:3.4rem;height: 4.1rem;background: #ffffff;margin:3.78rem auto 0;border-radius: .2rem;}
.page-sign .card img{width: 2.19rem;margin: auto;padding-top: 0.68rem;}
.page-sign .card p{text-align: center;}
.page-sign .card p.title{margin-top: 0.4rem;font-size: .26rem;color: #FF5555;}
.page-sign .card p.signBtn{font-size: .26rem;color: #ffffff;margin-top: .26rem;}
.page-sign .card p.signBtn span{display:inline-block;background:#FFA200 ;color: #ffffff;padding: .13rem .49rem;border-radius: .51rem;}
.page-sign .egg{position:relative;height: 1.6rem;width: 100%;background:transparent;text-align: center;color: #ffffff;}
.page-sign .egg p {position:relative;z-index:10;display: inline-block;background: rgba(255,255,255,0.2);padding: .13rem .35rem;border-radius: .51rem;margin-top: .66rem;}
.page-sign .egg .eggPic{position: absolute;top: 0;right: .1rem;width:1.6rem;height:1.6rem;}
.page-sign .egg .egg1{background: url("../img/egg.png") no-repeat left top;background-size: 100% 100%;z-index: 9;}
.page-sign .egg .egg2{background: url("../img/egg_broken.png") no-repeat left top;background-size: 100% 100%;z-index: 9;}
.page-sign .step{margin:auto;top:11.5rem;width: 280px;background: transparent;}
.page-sign .step div.ui-step-item{width: 2rem;}
.page-sign .egg p .hasSign,.hasTime{color: #FFA200;}

/*弹框*/
.layui-m-layer .dialog.sign-dialog{
    text-align: center;
    color:#FE464C;
    overflow: hidden;
    font-family: Microsoft YaHei;
    background: #ffffff;
    width: 5.1rem;height:3.7rem;
    border-radius: .2rem;
}
.layui-m-layer .dialog.sign-dialog .dialog-top{
    color: #fff;
    font-size: .32rem;
    height: 1.1rem;
    line-height: 1.1rem;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FE8235), to(#FE464C));
    background-image: -webkit-linear-gradient(top, #FE8235, #FE464C);
    background-image: linear-gradient( #FE8235, #FE464C);
}
.layui-m-layer .dialog.sign-dialog .dialog-img{
    background-size: 2.06rem 1.29rem;
    background-repeat: no-repeat;
    margin: .33rem 0 0 1.52rem;
}
.layui-m-layer .dialog.sign-dialog .dialog-text{
    padding: 0;
}
.layui-m-layer .dialog.sign-dialog .dialog-btn{
    position: absolute;;top: 0.14rem;right: 0.14rem;
    width: 0.5rem;height: .5rem;
  background: url("../img/close.png") no-repeat left top;background-size: cover;
}
.layui-m-layer .dialog.sign-dialog .dialog-btn.simple{
    background-color: #ffffff;
    color: #f54fd1;
    box-shadow: none;

}

.layui-m-layer .dialog.sign-dialog.dialogegg .dialog-img,.layui-m-layer .dialog.sign-dialog.dialogegg2 .dialog-img{
    width: auto;
    height: 2.55rem;
    margin-top: 0;
    margin-bottom: 0.2rem;
}
.layui-m-layer .dialog.sign-dialog.dialogjifen .dialog-img{
    width: 2.78rem;
    height: 1.5rem;
}

.layui-m-layer .dialog.sign-dialog.dialogrule{
    font-size: .22rem;
    color: #666;
    width: 6.2rem;
}
.layui-m-layer .dialog.sign-dialog.dialogrule .dialog-text{
    padding: .2rem .3rem 0;
    text-align: left;
}
.layui-m-layer .dialog.sign-dialog.dialogrule .footer{
    font-size: .20rem;
    color: #999;
    text-align: center;
}
.layui-m-layer .dialog.sign-dialog.dialogfangqi .dialog-img{
    width: auto;
    height: 2.55rem;
    margin-top: 0;
    margin-bottom: 0.2rem;
}
/*砸蛋弹框*/
.page-sign .zaEgg{display:none;position:fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 10000;}
.page-sign .zaEgg .dialogEgg{text-align: center;width:5.1rem;height: 3.7rem;background: #ffffff;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: .2rem; }
.page-sign .zaEgg .rules{height:4.4rem; }
.page-sign .zaEgg .dialogEgg .title{ color: #fff;
    font-size: .32rem;
    height: 1.1rem;
    line-height: 1.1rem;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FE8235), to(#FE464C));
    background-image: -webkit-linear-gradient(top, #FE8235, #FE464C);
    background-image: linear-gradient( #FE8235, #FE464C);
    -webkit-border-top-left-radius:.2rem ;
    border-top-left-radius:.2rem ;
    -webkit-border-top-right-radius:.2rem ;
    border-top-right-radius:.2rem ;
}
.page-sign .zaEgg .dialogEgg .eggs{width: 100%;height: 1.62rem;background: url("../img/egg1.png") no-repeat center top;background-size: 3rem 1.6rem;}
.page-sign .zaEgg .dialogEgg .eggsB{width: 100%;height: 1.62rem;background: url("../img/egg2.png") no-repeat center top;background-size: 3rem 1.6rem;}
.page-sign .zaEgg .dialogEgg .zaBtn{color: #ffffff;font-size: .3rem;margin-top: 0.2rem;}
.page-sign .zaEgg .dialogEgg .gift{color: #FF5555;font-size: .3rem;margin-top: 0.2rem;}
.page-sign .zaEgg .dialogEgg .zaBtn span{background: #FFA200;line-height:.5rem;display: inline-block;padding:0 .28rem;border-radius: .5rem;}
.page-sign .zaEgg .dialogEgg .closeBtn{position: absolute;top: 0.14rem;right: 0.14rem;height:0.5rem;width:.5rem;background: url("../img/close.png") no-repeat left top;background-size: 100% 100%;}
.page-sign .zaEgg .dialogEgg .txt{font-size: .24rem;color: #666666;text-align: left;padding: 0 .37rem 0;line-height: .32rem;}
.page-sign .zaEgg .dialogEgg .kefu{font-size: .24rem;color: #666666;text-align: left;padding: 0 .37rem 0 .6rem;line-height: .32rem;}
.page-sign .zaEgg .dialogEgg .txt2{font-size: .2rem;color: #999999;text-align: center;padding: 0 .45rem 0;line-height: .32rem;padding-top: 0.8rem}

/*转盘*/

.page-lottery{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    background-image: url(../images/lottery_bg.png);
    background-color: #f6952d;
}
.page-lottery .botton-mygoods,.page-lottery .botton-rule{
    position: absolute;
    top: .96rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    background-image: url(../images/dialog_btn.png);
    width: 1.68rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    border-radius: .4rem;
    font-size: .28rem;
    color: #fff;
}
.page-lottery .botton-rule{
    left: .3rem;
    border: 1px solid #d900f3;
    background-color: #e400ff;
    box-shadow: 0 0 .06rem 0 #f7e1ff inset;
}
.page-lottery .botton-mygoods{
    right: .3rem;
    border: 1px solid #f1aa00;
    background-color: #ffb400;
    box-shadow: 0 0 .06rem 0 #fff0ce inset;
}
.lottery-rule-dialog{
    /* position: relative;
    box-sizing: border-box; */
    width: 6.9rem;
}
.layui-m-layer .lottery-rule-dialog .close {
    position: absolute;
    top: -.9rem;
    right: .3rem;
    width: .6rem;
    height: .9rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
   /* background-image: url(../images/lottery_rule_dialog_close.png);*/
    background-image: url(../img/close_line.png);
}
.layui-m-layer .lottery-rule-dialog .dialog-top {
    height: 1.2rem;
    line-height: 1.2rem;
    background-color: #f6952d;
    border-radius: .2rem .2rem 0 0;
    color: #fff;
    font-size: .48rem;
    text-align: center;
    position: relative;
    font-family: 黑体;
    font-weight: bold;
}
.layui-m-layer .lottery-rule-dialog .dialog-top > i {
    position: absolute;
    top: -.35rem;
    width: .25rem;
    height: .76rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  /*  background-image: url(../images/lottery_rule_dialog_line.png);*/
    background-image: url(../img/line.png);
}
.layui-m-layer .lottery-rule-dialog .dialog-top > i:first-child {
    left: 1.1rem;
}
.layui-m-layer .lottery-rule-dialog .dialog-top > i:last-child {
    right: 1.1rem;
}
.layui-m-layer .lottery-rule-dialog .dialog-cont {
    padding: .2rem .36rem;
    font-size: .22rem;
    max-height: 8.5rem;
    overflow: auto;
    color: #333;
    border-radius: 0 0 .2rem .2rem;
    background-color: #fff;
}
.layui-m-layer .lottery-rule-dialog .dialog-cont .title {
    color: #f6952d;
    font-size: .24rem;
    font-weight: bold;
}
.layui-m-layer .lottery-rule-dialog .dialog-cont .mini-title {
    position: relative;
    padding-left: .26rem;
}
.layui-m-layer .lottery-rule-dialog .dialog-cont .mini-title:before {
    position: absolute;
    width: .12rem;
    height: .12rem;
    background-color: black;
    border-radius: 100%;
    content: '';
    margin-top: -.06rem;
    top: 50%;
    left: .06rem;
}
.layui-m-layer .lottery-rule-dialog .dialog-cont .footer {
    color:#666;
    text-align: center;
}
.layui-m-layer .layui-m-layer-msg{
    bottom: 0 !important;
}


.page-lottery .title{
    width: 5.97rem;
    height: 2.91rem;
    margin:1.52rem auto .64rem;
   /* padding-top:1.44rem;*/
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    background-image: url(../img/lotteryBanner.png);
}
.page-lottery .dial{
    width: 6.32rem;
    height: 6.32rem;
    border-radius: 100%;
    background-color: #ff4b4b;
    border: 1px solid #f43030;
    box-shadow: 0 0 .08rem 0 #fff inset;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.page-lottery .dial .dial-in{
    width: 5.12rem;
    height: 5.12rem;
    margin: .5rem;
    background-color: #fff;
    border: .1rem solid #f43030;
    box-shadow: 0 0 .08rem 0 #fff;
    border-radius: 100%;
    position: relative;
    -webkit-transition: -webkit-transform 5s cubic-bezier(0.5, 0, 0.4, 1);
    transition: transform 5s cubic-bezier(0.5, 0, 0.4, 1);
}
.page-lottery .dot-box{
  /*  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;*/
}
.page-lottery .dot-box .dot{
    position: absolute;
    top: 3rem;
    left: 0;
    right: 0;
    padding: 0 .1rem;
}
.page-lottery .dot-box .dot i{
    border-radius: 100%;
    display: block;
    width: .28rem;
    height: .28rem;
    float: left;
}
.page-lottery .dot-box .dot i:last-child{
    float: right;
}
.page-lottery .dot-box .dot:nth-child(odd) i{
    background-color: #fff;
}
.page-lottery .dot-box .dot:nth-child(even) i{
    background-color: #ff4343;
    border: 1px solid rgba(255,255,255,.5);
}
.page-lottery .dial-in-litem {
    position: absolute;
    left: 50%;
    top: 0;
    width: .05rem;
    margin-left: -.025rem;
    height: 50%;
    background-color: #ffcf91;
    transform-origin: bottom;
    z-index: 1;
}
.page-lottery .dial-in-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.page-lottery .dial-in-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #5f220a;
    font-size: .22rem;
}
.page-lottery .dial-in-icontent {
    position: relative;
    display: block;
    padding-top: .26rem;
    margin: 0 auto;
    text-align: center;
    transform-origin: 50% 2.56rem;
}
.page-lottery .dial-in-iicon{
    width: 1.1rem;
    height: .9rem;
    margin: .1rem auto 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}
.page-lottery .dial-go{
    position: absolute;
    width: 1.56rem;
    height: 1.63rem;
    left: 50%;
    top: 50%;
    margin-left: -.78rem;
    margin-top: -.815rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('../images/lottery_go.png');
    z-index: 9;
}
.page-lottery .dial-go:before{
    border-bottom: .16rem solid #fec01e;
    border-left: .16rem solid transparent;
    border-right: .16rem solid transparent;
    position: absolute;
    top: -.02rem;
    left: 50%;
    margin-left: -.16rem;
    content: '';
}
.page-lottery .lottery-bottom{
    height: 0.6rem;
    width: 4rem;
   /* background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('../images/lottery_bottom.png');*/
    margin: 0 auto;
    font-size: .24rem;
    font-weight: bold;
    color: #914903;
    text-align: center;
    line-height: 1.43rem;
    position: relative;
    top: -.18rem;
    z-index: 1;
    background: #e1790a;
    border-radius: 100%;
}

.transformRotate0{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}.transformRotate15{
     -webkit-transform: rotate(15deg);
     transform: rotate(15deg);
 }.transformRotate30{
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
  }.transformRotate45{
       -webkit-transform: rotate(45deg);
       transform: rotate(45deg);
   }.transformRotate60{
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }.transformRotate75{
         -webkit-transform: rotate(75deg);
         transform: rotate(75deg);
     }.transformRotate90{
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
      }.transformRotate105{
           -webkit-transform: rotate(105deg);
           transform: rotate(105deg);
       }.transformRotate120{
            -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
        }.transformRotate135{
             -webkit-transform: rotate(135deg);
             transform: rotate(135deg);
         }.transformRotate150{
              -webkit-transform: rotate(150deg);
              transform: rotate(150deg);
          }.transformRotate165{
               -webkit-transform: rotate(165deg);
               transform: rotate(165deg);
           }


.layui-m-layer .dialog{
    position: relative;
    box-sizing: border-box;
    width: 5.1rem;
    color: #f6952d;
    font-size: .28rem;
    background-color: #fff;
    border-radius: .2rem;
    text-align: center;
    padding-bottom: .5rem;
}
.layui-m-layer .dialog .dialog-top{
    /* width: 5.1rem; */
    height: 1.3rem;
    line-height: 1.3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
   /* background-image: url(../images/dialog_top.png);*/
}
.layui-m-layer .dialog .dialog-close{
    position: absolute;
    top: .14rem;
    right: .14rem;
    width: .5rem;
    height: .5rem;
   /* background-color: #fff;*/
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .28rem .28rem;
    background-image: url(../img/close.png);
}
.layui-m-layer .dialog .dialog-img{
    width: 2.1rem;
    height: 1.66rem;
    margin: .4rem auto;
    background-repeat: no-repeat;
  /*  background-position: center;*/
    background-size: 100% 100%;
    background-image: url(../img/cry.png);
}
.layui-m-layer .dialogbingo .dialog-img{
    width: 2.96rem;
    background-image: url(../img/smiles.png);
}
.layui-m-layer .dialog .dialog-text {
    padding: 0 .4rem;
}
.layui-m-layer .dialog .button-box{
    padding: .3rem .4rem 0;
    /* -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; */
}
.layui-m-layer .dialog .dialog-btn{
    height: .6rem;
    line-height: .6rem;
    width: 2rem;
   /* border: 1px solid #fc4c4c;
    box-shadow: 0 0 .04rem .01rem #ff4285;*/
    border-radius: .3rem;
    font-size: .3rem;
    color: #fff;
    text-shadow: 0 .01rem .03rem rgba(184,127,27,.8);
  /*  background-color: #fd5757;*/
    background-repeat: no-repeat;
    background-position: left center;
  /*  background-image: url(../images/dialog_btn.png);*/
    background-image: url(../img/btnTxt.png);
    background-size: auto 100%;
    /* margin-top: .3rem;
    margin-right: .3rem;
    margin: .3rem auto 0; */
}
.layui-m-layer .dialog .dialog-btn:first-child{
    margin-right: .12rem;
}
.layui-m-layer .dialog .dialog-btn:last-child{
    margin-left: .12rem;
}
.layui-m-layer .dialog .dialog-btn.simple{
    background-image: none;
    background-color: #ffffff;
    box-shadow: none;
    color: #fc4c4c;
    text-shadow: none;
}
.page-lottery-list .items{
    padding: .15rem .3rem;
    background-color: #fff;
}
.page-lottery-list .items .item{
    font-size: .3rem;
    border-radius: .1rem;
    margin-top: .2rem;
    overflow: hidden;
    text-align: center;
}
.page-lottery-list .items .item .info{
    background-color: #fd6161;
    height: 1.6rem;
}
.page-lottery-list .items .item .img {
    background-color: #ffbe42;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    margin-left: .2rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.page-lottery-list .items .item .name {
    font-size: .3rem;
    color: white;
    margin-left: .3rem;
    text-align: left;
}
.page-lottery-list .items .item .button {
    width: 1.5rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .26rem;
    color: white;
    background-color: #ffb82f;
    border-radius: .1rem;
    margin-right: .2rem;
}
.page-lottery-list .items .item .footer{
    background-color: white;
    color: #999;
    font-size: .2rem;
    line-height: .4rem;
    height: .4rem;
}
.page-lottery-list .nothing{
    font-size: .3rem;
    color: #333;
    text-align: center;
    margin: .5rem auto 0;
    padding-top: 2.12rem;
    background-position: top center;
    background-size: 1.21rem 1.62rem;
    background-repeat: no-repeat;
    background-image: url('../images/nothing.png');
}
.page-lottery-list .items .more{
    text-align: center;
    font-size: .26rem;
    color: #fff;
    background: #ffb82f;
    margin: .2rem auto 0;
    width: 40%;
    border-radius: .1rem;
    height: .6rem;
    line-height: .6rem;
}
/*奖品*/

.page-lottery-list .items{
    padding: .15rem .3rem;
    background-color: #fff;
}
.page-lottery-list .items .item{
    font-size: .3rem;
    border-radius: .1rem;
    margin-top: .2rem;
    overflow: hidden;
    text-align: center;
}
.page-lottery-list .items .item .info{
    background-color: #fd6161;
    height: 1.6rem;
}
.page-lottery-list .items .item .img {
    background-color: #ffbe42;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    margin-left: .2rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.page-lottery-list .items .item .name {
    font-size: .3rem;
    color: white;
    margin-left: .3rem;
    text-align: left;
}
.page-lottery-list .items .item .button {
    width: 1.5rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .26rem;
    color: white;
    background-color: #ffb82f;
    border-radius: .1rem;
    margin-right: .2rem;
}
.page-lottery-list .items .item .footer{
    background-color: white;
    color: #999;
    font-size: .2rem;
    line-height: .4rem;
    height: .4rem;
}
.page-lottery-list .nothing{
    font-size: .3rem;
    color: #333;
    text-align: center;
    margin: .5rem auto 0;
    padding-top: 2.12rem;
    background-position: top center;
    background-size: 1.21rem 1.62rem;
    background-repeat: no-repeat;
    background-image: url('../images/nothing.png');
}
.page-lottery-list .items .more{
    text-align: center;
    font-size: .26rem;
    color: #fff;
    background: #ffb82f;
    margin: .2rem auto 0;
    width: 40%;
    border-radius: .1rem;
    height: .6rem;
    line-height: .6rem;
}
/*积分明细*/

.page-detail{
    height: 100%;
    background-color: #efeff3;
}
.page-detail .data-box{
    background-color: #fff;
}
.page-detail .row{
    padding: .25rem .3rem;
    border-bottom: 1px solid #d8d8db;
}
.page-detail .row .title{
    font-size: .28rem;
    color: #333;
}
.page-detail .row .time{
    font-size: .24rem;
    color: #999;
}
.page-detail .row .jifen{
    font-size: .3rem;
    color: #ff4d4d;
}
.page-detail .loading{
    line-height: .8rem;
    background: #fff;
    text-align: center;
    font-size: .26rem;
}
